<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../Font/demo-files/demo.css"/>
		<link rel="stylesheet" href="../css/base.css" />
		<style type="text/css">
		body,html{
			height: 100%;
			background: #EEEEEE;
			width: 100%;
		}
			.xiangqing-top{
				display: flex;
				justify-content: space-between;
				height: 4rem;
				align-items: center;
				padding: 0 1.2rem;
				font-size: 1.3rem;
				background: #fff;
			}
			.xiangqing-top img{
				width: 60%;
				display: block;
			}
			.chahu img{
				width: 100%;
				height: 100%;
				vertical-align: middle;
			}
			.chaju-title{
				height: 3rem;
				line-height: 3rem;
				padding-left: 1.2rem;
				background: #fff;
				font-size: 1.3rem;
			}
			.zishahu{
				width: 90%;
				background: #fff;
				margin: 0 auto;
				padding: 0.8rem;
				margin-top: 1rem;
			}
			.zishahu img{
				width: 100%;
				height: 100%;
			}
			.zsh-price{
				height: 3rem;
				align-items: center;
				display: flex;
				justify-content: space-between;
			}
			.zsh-price a{
				width: 6rem;
				height: 2.6rem;
				line-height: 2.6rem;
				background:#F24046 ;
				color: #fff;
				border-radius: 5px;
				text-align: center;
			}
			.zsh-title{
				width: 94%;
				margin: 0 auto;
			}
			.zsh-title p:nth-child(1){
				line-height: 4rem;
				color: #1C1C1C;
				font-size: 1.3rem;
			}
			.zsh-title p:nth-child(2){
				color: #666666;
				font-size: 1.3rem;
			}
			.xiangqing-foot{
				display: flex;
				height: 4rem;
				align-items: center;
				background: #fff;
			}
			.xiangqing-foot p{
				width: 33.3%;
				text-align: center;
				border-right: 1px solid #EEEEEE;
			}
			.xiangqing-foot i{
				margin-right: 5px;
				font-size: 1.5rem;
			}
		</style>
	</head>
	<body>
		<div class="xiangqing-top">
			<p id="fanhui"><img src="../img/zuo.png"/></p>
			<p>攻略详情</p>
			<p></p>
		</div>
		<div class="xiangqing-con">
			<div class="chahu">
				<p><img src="../img/chaju.png" alt="" /></p>
				<p class="chaju-title">【器世界】精品紫砂茶具</p>
			</div>
			<div class="zishahu">
				<p><img src="../img/zishahu.png" alt="" /></p>
				<div class="zsh-price">
					<span>￥5999.00</span>
					<a href="javascript:;">去看看</a>
				</div>
			</div>
			<div class="zsh-title">
				<p>中国工艺美术师崔健正品紫砂壶</p>
				<p>周末下午，约与三两好友，跑上一壶茶，惬意享受整个下午，愿把精致美器，献给最懂得生活的人！</p>
			</div>
		</div>
		<div class="xiangqing-foot">			
			<p>
				<i class="icon icon-heart"></i>2213
			</p>
			<p>
				<i class="icon icon-share2"></i>2213
			</p>
			<p>
				<i class="icon icon-bubble2"></i>2213
			</p>
		</div>
	</body>
	<script src="../js/rem.js"></script>
	<script>
		var fanhui = document.getElementById('fanhui');
		fanhui.onclick = function(){
			window.history.back();
		}
	</script>
</html>
